<template>
  <div>
    <div>
      <!-- 配置二级路由出口 -->
      <router-view> </router-view>
    </div>
    <!-- 底部导航 -->
    <van-tabbar v-model="active" active-color="#033E98" inactive-color="#ccc" @change="changeItem" :safe-area-inset-bottom="true">
      <van-tabbar-item name="home" to="/botnav/home" icon="wap-home">首页</van-tabbar-item>
      <van-tabbar-item name="typelist" to="/botnav/collect" icon="star"  dot>收藏</van-tabbar-item>
      <van-tabbar-item name="cart" to="/botnav/order" icon="column" badge="5">订单</van-tabbar-item>
      <van-tabbar-item name="mine" to="/botnav/mine" icon="manager">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      searchVal: '',
      active: 'home'
    }
  },
  methods: {
    changeItem(index) {
      // console.log(index)
    }
  },
  
 
}
</script>

<style scoped>
</style>